<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>活动详情</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/active.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/share.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div id="slideBar">
	<a class="contact flex-col" href="tel:110">
		<span class="icon"><img src="image/icon/slide-icon.png" /></span>
	</a>
</div>

<div class="swiper-container Main bg-w" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				
				<div class="success-info tc">
					<div class="bt flex-row">
						<span class="star"><img src="image/icon/success_star.png" /></span>
						成功获得
					</div>
					<div class="val">200元优惠券</div>
					<div class="type">无门槛优惠券</div>
					<div class="date">有效期：2018.07.02~2018.08.09</div>
				</div>
				
				<div class="ev-title flex-row">
					<span></span>好货精选<span></span>
				</div>
				
				<!--商品列表-->
				<div class="proMod dm-clearfix">
					<dl class="dm-left" v-for="item in proData" @click="location.href='productDetail.html?proId='+item.id">
						<dt class="pt cover" data-rate='1'>
							<img :src="item.path" />
						</dt>
						<dd>
							<h5 class="name dm-wrap">{{item.name}}</h5>
							<div class="val">￥<span>{{item.val}}</span></div>
						</dd>
					</dl>
				</div>
				<!--商品列表 end-->
				
			</div>
			
		</div>
	</div>
</div>

<script type="text/javascript">
	var vm = new Vue({
		el:'#Main',
		data:{
			proData:testData.product,
		},
		created:function(){
			imgRate();
		},
		mounted:function(){
			pullSwiper('#Main',true);
		}
	});
	
	//加载
	function reload(pull){
		pull.innerHTML = '已加载全部数据'
	};
</script>

</body>
</html>
